<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2024/5/22
  Time: 16:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="th" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
	<title>攻略页面</title>
	<link rel="stylesheet" href="../css/guide.css">
	<script type="text/javascript" src="../js/jquery.min.js"></script>
</head>
<body>
<div class="info">
	<div id="navigationPath">
		当前所在位置：
		<ul>
			<c:forEach var="parentPage" items="${navigationPath}">
				 <a href="${parentPage.parentUrl}">${parentPage.parentName}</a>
			</c:forEach>
			> <a href="#">${sessionScope.itemName}</a>
		</ul>
	</div>
	<div class="infot">
		<img src="../static/guideIgm/202106165401585.jpg">
	</div>
	<div class="onfob">
		<div class="infob-l">
			<div class="infob_pic">
				<img src="../static/guideIgm/2023121295357435.png">
			</div>
			<div class="leftnav">
				<h2 class="infob_ltag">
					<a href="#">攻略流程</a>
				</h2>
				<h2 class="infob_ltag">
					<a href="#">热门标签</a>
				</h2>
				<h2 class="infob_ltag">
					<a href="#">热门攻略</a>
				</h2>
				<h2 class="infob_ltag">
					<a href="#">最新攻略</a>
				</h2>
				<h2 class="infob_ltag">
					<a href="/comment/select">游戏问答</a>
				</h2>
				<h2 class="infob_ltag">
					<a href="#">更多游戏攻略</a>
				</h2>
			</div>
		</div>
		<div class="infob-r">
			<div class="head-infob">
				<div class="infob_rtit">
					<span>塞尔达传说:王国之类</span>
				</div>
				<div class="infob_rtit">
					<span>The Legend of Zelda: Tears of the Kingdom</span>
				</div>
				<div class="infob_rtit">
				<span>
					<a href="#">看专题</a>
					<a href="#">去论坛</a>
					<a href="#">买正版</a>
					<a href="#">看评测</a>
				</span>
				</div>
			</div>
			<div class="infob_rnav">
				<div class="infob_rnav1">
					<p class="toggleBtn">图文搜索</p>
				</div>
				<div class="infob_rnav2">
					<span>在本页搜索</span>
					<input type="text" id="searchInput">
					<button type="submit" onclick="search()">查找</button>
				</div>
			</div>
			<div class="infob_rqc">
				<div class="toggleContent">
					<c:forEach items="${gameList}" var="list">
						<ul>
							<li>
								<a href="#">${list.flowTitle}</a>
							</li>
						</ul>
					</c:forEach>
				</div>
			</div>
			<div class="modualLabel">
				<h3 class="modualTitle">塞尔达传说：王国之泪 · 热门标签</h3>
				<hr>
				<div class="Alink">
					<c:forEach items="${gameList}" var="list">
						<a href="#">${list.hotTags}</a>
					</c:forEach>
				</div>
			</div>
			<div class="exceltuijian">
				<h3 class="modualTitle">塞尔达传说：王国之泪 · 武器图鉴</h3>
				<hr>
				<div class="tsbox">
					<div class="items-content">
						<div class="item-content-li">
							<div class="select-container">
								<div class="aform">
									<div class="check"><p>双手武器</p></div>
									<div class="check"><p>单手武器</p></div>
								</div>
								<div class="un-right">
									<div class="img-con">
										<c:forEach items="${gameList}" var="list">
											<a href="#">
												<div>
													<img src="${list.weaponImage}">
												</div>
												<span>${list.weaponText}</span>
											</a>
										</c:forEach>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="modualIntroduce">
				<h3 class="modualTitle">塞尔达传说：王国之泪 · 角色立绘</h3>
				<hr>
				<div class="carouselContainer">
					<span class="leftBtn"></span>
					<span class="rightBtn"></span>
					<div class="carousel">
						<div class="carouselNumber">
							<c:forEach items="${gameList}" var="list">
								<a href="#">
									<span>${list.characterText}</span>
									<img src="${list.characterImage}">
								</a>
							</c:forEach>
						</div>
					</div>
				</div>
			</div>
			<div class="modualLock">
				<h3 class="modualTitle">塞尔达传说：王国之泪 · 新手攻略</h3>
				<a href="#">更多+</a>
				<hr>
				<div class="clearFloat">
					<c:forEach items="${gameList}" var="list">
						<a href="#">
							<span>${list.beginnerTitle}</span>
						</a>
					</c:forEach>
				</div>
			</div>
			<div class="infob_rcon">
				<h3 class="modualTitle">塞尔达传说：王国之泪 · 热门攻略</h3>
				<c:forEach items="${topPost}" var="list">
					<div class="infob_rcon_one">
						<div class="infob_rcon_one11">
							<a href="#">${list.title}</a>
						</div>
						<div class="infob_rcon_oner">
							<span>${list.heatValue}</span>
						</div>
					</div>
				</c:forEach>
			</div>
		</div>
	</div>
</div>
</body>
</html>
